﻿<div class="modal hide fade" id="EditLanguage" style="display: none;" >
    <div class="modal-header">  
        <h3>Edit Language</h3>
    </div> 
    <div class="modal-body">
        <div data-bind="with: workingLanguage">
        <input type="hidden" data-bind="text: Id"/>
        <div class="row">
        <span class="span2"><strong>Description</strong></span>
        <input type="text" data-bind="value: Description"  class="span3"/>
        </div>
        <div class="row">
        <span class="span2"><strong>Short name</strong></span>
        <input type="text" data-bind="value: ShortName"  class="span3"/>
        </div>
        <div class="row">
        <span class="span2"><strong>Key</strong></span>
        <input type="text" data-bind="value: Key" class="span3"/>
        </div>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-success" data-bind="click: function() { $root.language.saveEditLanguage(); }"><strong>Save changes</strong></a>
        <a href="#" class="btn " data-bind="click: function() { $root.language.cancelEditLanguage();}"><strong>Cancel</strong></a>
    </div>
</div>